<template>
<div id="services">
  <navigation></navigation>
  <div class="banner">
    <p>SERVICE ITEMS</p>
    <p>服务项目
    </p>
    <div></div>
  </div>
  <div class="list">
    <div @click="goPage('/service/top')" class="item-1">
      <div class="mark"></div>
      <div class="title">
        <p>TOP30名校合作录取</p>
        <p>TOP30 presidency cooperation admission</p>
      </div>
    </div>
    <div @click="goPage('/service/leader_plan')" class="item-2">
      <div class="mark"></div>
      <div class="title">
        <p>常青藤领袖计划</p>
        <p>Ivy League Leadership Program</p>
      </div>
    </div>
    <div @click="goPage('/service/highSchool')" class="item-3">
      <div class="mark"></div>
      <div class="title">
        <p>美国高中</p>
        <p>American high school</p>
      </div>
    </div>
    <div @click="goPage('/service/undergraduate')" class="item-4">
      <div class="mark"></div>
      <div class="title">
        <p>美国本科</p>
        <p>American Undergraduate</p>
      </div>
    </div>
    <div @click="goPage('/service/master')" class="item-5">
      <div class="mark"></div>
      <div class="title">
        <p>美国硕博</p>
        <p>American Master</p>
      </div>
    </div>
    <div @click="goPage('/service/art')" class="item-6">
      <div class="mark"></div>
      <div class="title">
        <p>艺术留学</p>
        <p>Art study abroad</p>
      </div>
    </div>
  </div>
  <pageFooter></pageFooter>
</div>
</div>
</template>
<script>
import navigation from "@/components/navigation/index";
import pageFooter from "@/components/footer/index";
import {
  NetworkUtil
} from "@/lib/util"

export default {
  components: {
    navigation,
    pageFooter
  },
  methods: {
    goPage(path) {
      this.$router.push(path)
    }
  }
}
</script>
<style lang="less" rel="stylesheet/less">
@import "index.less";
</style>
